<!DOCTYPE html>
<html lang="en">
<head>
    <!-- basic -->
    <meta charset="utf-8">

    <!-- site metas -->
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>


<!-- header section start-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="logo" href="index.html"><img src="static/picture/logo.png"></a>

    <div class="login_text"><a href="login.html">LOGIN HERE</a></div>
</nav>

<div class="banner_section layout_padding" id="age-search">
    <div class="container">
        <h1 class="best_taital">Cable Supply Chain Traceability System</h1>
        <div class="box_main">
            <input type="search" class="email_bt" placeholder="Product number" v-model="agencyid">

            <button @click="search" class="subscribe_bt"><a>Search</a></button>

        </div>
        <p class="there_text">The super invincible cable traceability system of Jiangxi University of Science and
            Technology is worthy of your trust, please start your experience journey quickly. This website is provided
            and maintained by the only jerk in the school, and I apologize for any inadequacies.</p>

    </div>
</div>


<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


<script type="text/javascript">


    const Upmatencryinfo = {
        data() {
            return {

                agencyid: '', //查询id


            }

        },
        methods: {

            search() {

				window.location.href="/CableTraceFront/get-product-info.html?"+"agencyid="+this.agencyid


            }
        },


    }


    Vue.createApp(Upmatencryinfo).mount('#age-search')
</script>

</body>
</html>